<template>
	<div class="mine_setting">
		
		    <yd-cell-group>
		        <yd-cell-item arrow  href="#" class="first">
		            <span slot="left"><img src="/static/images/bg2.jpg" alt=""></span>
		          
		        </yd-cell-item>
		        <yd-cell-item arrow type="label">
		            <span slot="left">这里是一个Label</span>
		        </yd-cell-item>
		        <yd-cell-item arrow>
		            <span slot="left">这里是一个普通DIV</span>
		        </yd-cell-item>
		    </yd-cell-group>
	</div>
</template>
<script>
    export default {

    }
</script>
<style>
	.mine_setting .yd-cell-right{
		height: 0.5rem;
		min-height: 0.5rem;
	}
	.mine_setting .first .yd-cell-right{
		height: 0.7rem !important;
		min-height: 0.7rem;
	}
	.mine_setting .first span{
		display: inline-block;
		width: 0.5rem;
		height: 0.5rem;
		border-radius: 50%;
		overflow: hidden;
	}
	.mine_setting .first img{
		width: 100%;
	}
</style>